﻿@using Blog1._0.Areas.Admin.Models;
@using Until;
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "云清-文章列表";
    int num = 1;
}
@section css{
    <link rel="stylesheet" href="~/Content/css/blog.css" />
    <style>
        .article-item .line {
            width: 0;
            height: 2px;
            margin-top: 6px;
            background: #6bc30d;
            -moz-transition: all 5s ease;
            -webkit-transition: all 5s ease;
            transition: all 5s ease;
        }

        .article-item:hover .line {
            width: 100%;
        }
    </style>
}

<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <input type="hidden" value="0" id="blogtypeid" />
        <div class="col-content">
            <div class="inner">
                <article class="article-list bloglist" id="LAY_bloglist" data-count="@ViewBag.Count" data-pagesize="@ViewBag.PageSize" data-pagecount="@ViewBag.PageCount" data-type="@ViewBag.ClassId">
                    @*记录数，每页条数，页数，分类id*@
                </article>
            </div>
        </div>
        <div class="col-other">
            <div class="inner">
                <div class="other-item shadow">
                    <img src="~/Upload/img/my_bg.jpg" alt="" width="100%">
                    <div class="blogerinfo">
                        <div class="blogerinfo-figure">
                            <img src="~/Upload/img/head.jpg">
                        </div>
                        <p class="blogerinfo-nickname">
                            <span>@ViewBag.MetaKey</span>
                        </p>
                        <p class="blogerinfo-introduce">
                            <span>@ViewBag.SiteTitle</span>
                        </p>
                        <p class="blogerinfo-location">
                            <i class="fa fa-location-arrow"></i>
                            <span>@ViewBag.Address</span>
                        </p>
                        <div class="blogerinfo-contact">
                            <a id="qq-chat" href="javascript:;">
                                <i class="fa fa-qq fa-2x"></i>
                            </a>
                            <a id="wx-chat" href="javascript:;">
                                <i class="fa fa-weixin fa-2x"></i>
                            </a>
                            <a target="_blank" href="https://gitee.com/guo_zi_shan">
                                <i class="fa fa-github fa-2x"></i>
                            </a>
                            <a target="_blank" href="https://music.163.com/#/my/m/music/playlist?id=5288915501">
                                <i class="fa fa-github-alt fa-2x"></i>
                            </a>
                        </div>
                        <div class="bloginfo-statistics">
                            <div class="item">
                                <span>@ViewBag.Count</span><p>博文</p>
                            </div>
                            <div class="item">
                                <span>@ViewBag.qqusers</span><p>用户</p>
                            </div>
                            <div class="item">
                                <span>@ViewBag.Links</span><p>友链</p>
                            </div>
                            <div class="item">
                                <span><span id="days"></span>天</span><p>建站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="other-item" id="categoryandsearch">
                    <div class="search">
                        <label class="search-wrap">
                            <input type="text" id="searchtxt" placeholder="输入关键字搜索" />
                            <span class="search-icon">
                                <i class="fa fa-search"></i>
                            </span>
                        </label>
                        <ul class="search-result"></ul>
                    </div>
                    <ul class="category mt20" id="category">
                        <li data-index="0" class="slider"></li>
                        <li data-index="1"><a href="/Article/Index">全部文章</a></li>
                        @foreach (MenuInfo item in ViewBag.ClassList)
                        {
                            <li data-index="@{num++;}@num"><a href="/Article/Index?DPOR369E0zc=@item.file">@item.name &nbsp;（@item.pId 篇）</a></li>
    }
                    </ul>
                </div>
                <!--右边悬浮 平板或手机设备显示-->
                <div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
                <div class="article-category">
                    <div class="article-category-title">分类导航</div>
                    @foreach (MenuInfo item in ViewBag.ClassList)
                    {
                        <a href="/Article/Index?DPOR369E0zc=@item.file">@item.name</a>
                    }
                    <div class="f-cb"></div>
                </div>
                <!--遮罩-->
                <div class="blog-mask animated layui-hide"></div>
                <div class="other-item">
                    <h5 class="other-item-title">热门文章</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            @foreach (ArticleModel item in ViewBag.HotList)
                            {
                                <li> <a href="/Article/Detail?DPOR369E0zc=@item.Test">@item.ArticleTitle</a></li>
                            }
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">置顶推荐</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            @foreach (MenuInfo item in ViewBag.DingList)
                            {
                                <li> <a href="/Article/Detail?DPOR369E0zc=@item.file">@item.name</a></li>
                            }
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">最近访客</h5>
                    <div class="inner">
                        <dl class="vistor">
                            @foreach (QQUser item in ViewBag.UserList)
                            {
                                <dd><a href="javasript:;"><img src="@item.HeadShot"><cite>@item.NickName</cite></a></dd>
                            }
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@section js{
    <script src="~/Content/js/yss/article.js"></script>
    <script>
        var s1 = '2020-09-10';//设置为你的建站时间
        s1 = new Date(s1.replace(/-/g, "/"));
        s2 = new Date()
        var days = s2.getTime() - s1.getTime();
        var number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
        document.getElementById('days').innerHTML = number_of_days;
    </script>
}